<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 
		minimum-scale=1.0, maximum-scale=1.0"/>
		<meta charset="UTF-8">
		<title></title>
		<link href="../public/css/style.css" rel="stylesheet">
		<link href="../public/css/common.css" rel="stylesheet">
		<link rel="stylesheet" href="../public/css/swiper-3.4.1.min.css" />
		<script type="text/javascript" src="../public/js/jquery.js" ></script>
		<script type="text/javascript" src="../public/js/product.js" ></script>
		<script type="text/javascript" src="../public/js/swiper-3.4.2.jquery.min.js" ></script>
	</head>
	<body class="layout_body">
		<div class="layout_content">
			<header class="demo-header">
			    <form action="/product" method="get" class="am-form flt">
			    	<a href="seek.html">
				        <div class="am-form-group" style="width: 100%">
				            <input type="text" class="am-form-field am-radius" name="key" placeholder="搜索" style="border: 0px;" disabled>
				        </div>
			        </a>
			    </form>
			    <div class="header-message flt"><img src="../public/img/message.png" class=""/></div>
			</header>
			
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><img src="../public/img/daotu.png"/></div>
			        <div class="swiper-slide">Slide 2</div>
			        <div class="swiper-slide">Slide 3</div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
			<div class="big-div">
				<div class="bigblock">
					<img src="../public/img/menu-fengcai.jpg"/>
					<p>企业风采</p>
				</div>
				<a href="newproduct.html">
					<div class="bigblock">
						<img src="../public/img/menu-newproduct.png"/>
						<p>新品上架</p>
					</div>
				</a>
				<a href="newproduct.html">
					<div class="bigblock">
						<img src="../public/img/menu-collect.png"/>
						<p>我的收藏</p>
					</div>
				</a>
				<a href="newproduct.html">
					<div class="bigblock">
						<img src="../public/img/menu-buy.png"/>
						<p>最近购买</p>
					</div>
				</a>
				<a href="newproduct.html">
					<div class="bigblock">
						<img src="../public/img/menu-all.png"/>
						<p>全部商品</p>
					</div>
				</a>
				<div class="bigblock">
					<img src="../public/img/menu-vetege.png"/>
					<p>蔬菜</p>
				</div>
				<div class="bigblock">
					<img src="../public/img/menu-fruit.png"/>
					<p>水果</p>
				</div>
				<div class="bigblock">
					<img src="../public/img/menu-seafood.png"/>
					<p>海鲜</p>
				</div>
				<div class="bigblock">
					<img src="../public/img/menu-meat.png"/>
					<p>肉制品</p>
				</div>
				<div class="bigblock">
					<img src="../public/img/menu-poultry.png"/>
					<p>家禽类</p>
				</div>
			</div>
			<div>
				<div class="hot-seal">
					<div class="am-form flt" style="padding-top: 8px;color: #F45C3E;">
				        <img src="../public/img/remai_icon.png" class="img-bottom" style="width: 18px;margin:0 3.5%;"/><strong style="font-size: 14px;">企业热卖</strong>
				    </div>
				    <div class="header-message more flt">更多 ></div>
				</div>
				<div class="product-list">
					<a href="prodetail.html">
						<div>
							<div class="proimg"><img src="../public/img/paper.png"/></div>
							<div class="flt shouye-pline pline">
								<p class="product">纸巾</p>
								<p class="guige">200抽/包</p>
							</div>
							<div class="clear_both"></div>
							<div class="flt shouye-price">
								<p class="price">￥4.3</p>
							</div>
							<div class="flt cart shouye-cart">
								<img src="../public/img/addcart_normal.png"/>
							</div>
						</div>
					</a>
					<a href="prodetail.html">
						<div class="product-list-middle">
							<div class="proimg"><img src="../public/img/witpaper.png"/></div>
							<div class="flt pline shouye-pline ">
								<p class="product">纸巾</p>
								<p class="guige">200抽/包</p>
							</div>
							<div class="clear_both"></div>
							<div class="flt shouye-price">
								<p class="price">￥4.3</p>
							</div>
							<div class="flt cart shouye-cart">
								<img src="../public/img/addcart_normal.png"/>
							</div>
						</div>
					</a>
					<a href="prodetail.html">
						<div>
							<div class="proimg"><img src="../public/img/paperdetail.png"/></div>
							<div class="flt pline shouye-pline ">
								<p class="product">纸巾</p>
								<p class="guige">200抽/包</p>
							</div>
							<div class="clear_both"></div>
							<div class="flt shouye-price">
								<p class="price">￥4.3</p>
							</div>
							<div class="flt cart shouye-cart">
								<img src="../public/img/addcart_normal.png"/>
							</div>
						</div>
					</a>
					<a href="prodetail.html">
						<div>
							<div class="proimg"><img src="../public/img/shrimp.png"/></div>
							<div class="flt pline shouye-pline ">
								<p class="product">纸巾</p>
								<p class="guige">200抽/包</p>
							</div>
							<div class="clear_both"></div>
							<div class="flt shouye-price">
								<p class="price">￥4.3</p>
							</div>
							<div class="flt cart shouye-cart">
								<img src="../public/img/addcart_normal.png"/>
							</div>
						</div>
					</a>
				</div>
			</div>
			<footer id="my-modal-searchloading">
			    <div class="dibu-botton dibu-top-status3 dis cur" id="dibu-botton">
					<a href="index.html">
						<div class="first-three flt" id="tohome">
							<img src="../public/img/shouye_moren.png" />
							<p>首页</p>
					    </div>
					</a>
					<a href="sort.html">
						<div class="first-three flt" id="yitel">
							<img src="../public/img/fenlei_moren.png"/>
							<p>分类</p>     
						</div>
					</a>
					<a href="cart.html">
						<div class="first-three flt" id="dibuzixun" style="position: relative;">
							<img src="../public/img/gouwu_moren.png" />
							<p>购物车</p>
							<div class="cart-number">2</div>
						</div>
					</a>
					<a href="my.html">
						<div class="first-three flt" id="my">
							<img src="../public/img/wode_moren.png" />
							<p>我的</p>
							
						</div>
					</a>
				</div>
			</footer>
		</div>
		<script>
			//手机手指左右滑动
		    var mySwiper = new Swiper('.swiper-container',{
				pagination : '.swiper-pagination',
				paginationClickable :true,
				autoplay : 5000,
				loop:true,
		    })
		</script>
	</body>
</html>
